<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>计费规则</title>
    <link rel="stylesheet" href="plugin/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="plugin/ionicon/css/ionicons.min.css">
    <link rel="stylesheet" href="rule/css/cost.css"/>
    <script src="plugin/jquery/jquery.min.js"></script>
    <script src="plugin/bootstrap/bootstrap.min.js"></script>
    <script src="plugin/juicer/juicer-min.js"></script>
    <script src="rule/js/cost-base.js"></script>
</head>
<body>
	<div class="container-fluid text-center city-container">
		<div class="showCityDiv"><span class="cityname-left">北京</span><i class="ion-arrow-down-b name-color"></i></div>
		<ul>
			<li><button data-cityId="1">北京</button></li>
			<li><button data-cityId="2">唐山</button></li>
			<li><button data-cityId="3">其它</button></li>
		</ul>
	</div>
	<div class="container-fluid border-container">
	</div>
	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-3 no-padding name-color">平台费：</div>
			<div class="col-xs-9 no-padding small-font margin-l-10">每笔订单向乘客收费2元平台费用（包含保险费用）</div>
		</div>
		<div class="row">
			<div class="col-xs-3 no-padding name-color">合拼成功车主收入：</div>
			<div class="col-xs-9 no-padding small-font margin-l-10">总收入=用户A搭车里程费用*80%+用户B搭车里程费用*80%...</div>
		</div>
		<div class="row">
			<div class="col-xs-3 no-padding name-color">合拼成功乘客返现：</div>
			<div class="col-xs-9 no-padding small-font margin-l-10">返现20%=(里程费用-优惠费用-平台费用2元)*20%</div>
		</div>
	</div>
	<div class="container-fluid text-center">
		<h4>其他规则说明</h2>
	</div>
	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-3 no-padding">车型说明：</div>
			<div class="col-xs-9 no-padding small-font margin-l-10">平台所有车型均是统一价格，包括豪车哦</div>
		</div>
		<div class="row">
			<div class="col-xs-3 no-padding">其他费用：</div>
			<div class="col-xs-9 no-padding small-font margin-l-10">市内拼车高速费、过路过桥费用，由乘客和车主均摊</div>
		</div>
		<div class="row">
			<div class="col-xs-3 no-padding">服务费：</div>
			<div class="col-xs-9 no-padding small-font margin-l-10">包含保险及其他费用</div>
		</div>
	</div>
	<script type="text/template" id="tpl">
		<div class="row" style="background-color: #E3E3E3;">
			<div class="col-xs-5 text-center">起步费</div>
			<div class="col-xs-7 text-center">里程费</div>
		</div>
		<div class="row">
			<div class="col-xs-5 text-center margin-30">
				<p class="name-color">${startingPrice}</p>
				<p>(含3km)</p>
			</div>
			<div class="col-xs-1 text-center margin-50">
				<i class="ion-plus-round"></i>
			</div>
			<div class="col-xs-6 text-center margin-10">
				<p><span class="name-color">${price1}</span>(3~20km)</p>
				<p><span class="name-color">${price2}</span>(20~50km)</p>
				<p><span class="name-color">0.5元/km</span>(50~300km)</p>
				<p><span class="name-color">0.4元/km</span>(>300km)</p>
			</div>
		</div>
	</script>
</body>
</html>